<template>

    <div style="width: 100%;height: 100%">
        <el-menu style="height: 100%;" default-active="1">
            <el-menu-item index="1" @click="router.push('/home')">
                <i class="iconfont icon-music"></i>
                <span>发现音乐</span>
            </el-menu-item>
            <el-menu-item index="2">
                <i class="iconfont icon-wenjianjia"></i>
                <span>收藏</span>
            </el-menu-item>
            <el-menu-item index="3">
                <i class="iconfont icon-dianzan_kuai"></i>
                <span>今日推荐</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter()



</script>

<style scoped>
i {
    margin-right: 5px;
}

.el-aside div {
    height: 100%;
}

.el-aside ul {
    width: 100%;
}
</style>